<template>
	<view class="firmCard">
		<span>工商信息:</span>
		<view class="info" v-for="item,index in list1" :key="index">
			<span>{{item.name}}</span>
			<span>{{item.val}}</span>
		</view>
	</view>
</template>

<script>
	export default {
		name:"firmCard",
		data() {
			return {
				list1:[{
					name:'经营状态',val:'存续'
				},{
					name:'成立时间',val:'2020.07.24 00:00:00'
				},{
					name:'注册地址',val:'广东省东莞市南城街道保利都'
				},{
					name:'统一信用代码',val:'2020.07.24 00:00:00'
				},{
					name:'社会信用代码',val:'2020.07.24 00:00:00'
				},{
					name:'经营范围',val:'2020.07.24 00:00:00'
				}]
			};
		}
	}
</script>

<style scoped lang="scss" >
	
		.firmCard{
			width: 686rpx;
			height: 309px;
			margin: 20rpx 32rpx;
			background: #FFFFFF;
			border-radius: 8px 8px 8px 8px;
			
			>span{
				display: inline-block;
				margin:30rpx 24rpx ;
				font-size: 14px;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: #000000;
			}
			
			.info{
				margin: 0rpx 30rpx 20rpx 24rpx;
				span:nth-of-type(1){
					font-size: 14px;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #505E5C;
				}
				span:nth-of-type(2){
					float: right;
					font-size: 14px;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #000000;
				}
			}
		}
	
	
</style>